<template>
	<view class="level-index">
		<template v-if="value.level == 2">
			<diy-goods-level-two-third
				:categoryHeight="categoryHeight"
				:type="value.template"
				v-if="value.template == 3"
				:value="value"
				:siteId="siteId"
				@netFinish="netFinish"
			></diy-goods-level-two-third>
		</template>
	</view>
</template>

<script>
import diyGoodsLevelTwoThird from '@/components/diy-goods-level-category/diy-goods-level-two-third.vue';
export default {
	name: 'diy-goods-level-category',
	components: {
		diyGoodsLevelTwoThird
	},
	props: {
		value: {
			type: Object,
			default: () => {
				return {};
			}
		},
		siteId: {
			type: [Number, String],
			default: 0
		},
		categoryHeight: {
			type: [Number, String],
			default: 0
		}
	},
	methods: {
		netFinish() {
			this.$emit('netFinish', true);
		}
	}
};
</script>
<style lang="scss">
.level-index {
	height: 100%;
}
</style>
